<%@ page language="java" import="java.util.*" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
 <% 
 session.removeAttribute("curUserInfo");
 %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Login</title>
<style type="text/css">
<!--
body {
	margin-top: 150px;
	font-family:"Arial"; 
}
-->
</style>
<script language="javascript">
function check() {
 if (document.getElementById('account').value=="")
 {
	 alert("Please input User Name");
	 return false;
 }
 if (document.getElementById('password').value=="")
 {
	 alert("Please input Password");
	 return false;
 }
}
</script>
</head>
<body style="BACKGROUND: #f4f6f7">
<div>
	<center>
	 <h2>Museum Exhibition Management System</h2>
	 <h3>CIS 532</h3>
	<form id="loginForm" action="LoginCheck.jsp" method="post">
	<input type="hidden" name = "action" value="login"/>
	<table width="26%"  border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td><img src="img/login-top.gif" width="437" height="15"></td>
      </tr>
      <tr>
        <td align="center" valign="middle" background="img/login-center.gif"><table width="65%"  border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="37"><label style="font-size: 12px">User Name:</label></td>
            <td><input style="WIDTH: 200px" id="account" name="account"
   >            
            </td>
          </tr>
          <tr>
            <td height="37"><label style="font-size: 12px">Password:</label></td>
            <td><input style="WIDTH: 200px" type="password" id="password" name="password"></td>
          </tr>
          <tr align="center" valign="middle">
            <td height="53" colspan="2"><input name="submit" type="submit" id="submit" onclick="return check()" style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(img/button.gif) no-repeat left top; BORDER-LEFT: 0px; WIDTH: 60px; CURSOR: pointer; BORDER-BOTTOM: 0px; HEIGHT: 26px" value=""></td>
          </tr>
        </table></td>
      </tr>
	  <tr background="img/login-center.gif">
	  	<td></td>
	  </tr>
      <tr>
        <td><img src="img/login-bottom.gif" width="438" height="17"></td>
      </tr>
    </table>
	</form>
		</center>
	</div>
</body>
</html>